<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
<TITLE> ���β���</TITLE>  
<SCRIPT th:inline="javascript" LANGUAGE="JavaScript">
 function AcceptData(num){

	 try
	 {
		document.getElementById("phoneNum").value=num;

		window.parent.dialogArguments.SendDTMF(num);
	 }
	 catch(e)
	 {
		alert(e.message);
	 }
 }
//-->  
</SCRIPT>  
<style>
td{
background:#ccc;
}
input{
font-size:20px;
}
</style>
<BODY>  
<TABLE  border=0 align="center">  
<TR>  
<TD colspan="4" align="center"><input type="text" id='phoneNum'  name="txt" value="" onclick="" readonly style="text-align:center"></TD>  
</TR>  

<TR>  
<TD align="center" ><input type="button" name="btn" value=" 1 " onclick="AcceptData('1');"></TD>
<TD align="center"><input type="button" name="btn"  value=" 2 " onclick="AcceptData('2');"></TD>
<TD align="center"><input type="button" name="btn"  value=" 3 " onclick="AcceptData('3');"></TD>
</TR>
<TR>  
<TD align="center"><input type="button" name="btn" value=" 4 " onclick="AcceptData('4');"></TD>
<TD align="center"><input type="button" name="btn" value=" 5 " onclick="AcceptData('5');"></TD>
<TD align="center"><input type="button" name="btn" value=" 6 " onclick="AcceptData('6');"></TD>

</TR>  
<TR>  
<TD align="center"><input type="button" name="btn" value=" 7 " onclick="AcceptData('7');"></TD>
<TD align="center"><input type="button" name="btn" value=" 8 " onclick="AcceptData('8');"></TD>
<TD align="center"><input type="button" name="btn" value=" 9 " onclick="AcceptData('9');"></TD>

</TR>   
<TR>  
<TD align="center"><input type="button" name="btn" value=" * " onclick="AcceptData('*');"></TD>
<TD align="center"><input type="button" name="btn" value=" 0 " onclick="AcceptData('0');"></TD>
<TD align="center"><input type="button" name="btn" value=" # " onclick="AcceptData('#');"></TD>
</TR> 
</TABLE>  
</BODY>  
</HTML>